<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>讯飞人工智能协会 - 关于我们</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>

    <header class="main-header">
        <div class="container">
            <div class="header-left">
                <a href="index.html" class="logo">
                    <img src="images/logo_blue.png" alt="讯飞人工智能协会Logo">
                    <span>讯飞人工智能协会</span>
                </a>
            </div>
            <nav class="main-nav">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="about.html" class="active">关于我们</a></li>
                    <li><a href="activities.html">活动列表</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropbtn">新闻中心 <i class="fas fa-caret-down"></i></a>
                        <div class="dropdown-content">
                            <a href="#">协会新闻</a>
                            <a href="#">行业动态</a>
                            <a href="#">通知公告</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropbtn">成员与合作 <i class="fas fa-caret-down"></i></a>
                        <div class="dropdown-content">
                            <a href="#">成员风采</a>
                            <a href="#">加入我们</a>
                            <a href="#">合作伙伴</a>
                        </div>
                    </li>
                    <li><a href="#contact-info">联系我们</a></li>
                </ul>
            </nav>
            <div class="header-right">
                <button class="search-btn"><i class="fas fa-search"></i></button>
                <button class="toggle-menu-btn"><i class="fas fa-bars"></i></button>
            </div>
        </div>
    </header>

    <div class="mobile-menu">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="activities.html">活动列表</a></li>
            <li><a href="#">新闻中心</a></li>
            <li><a href="#">成员与合作</a></li>
            <li><a href="#contact-info">联系我们</a></li>
        </ul>
    </div>

    <section class="page-hero-section about-hero">
        <div class="container">
            <h1>关于我们</h1>
            <p>探索协会的使命、愿景与发展历程</p>
        </div>
    </section>

    <div class="container main-content-area">

        <section class="content-block intro-block">
            <div class="intro-flex">
                <div class="intro-text">
                    <h2 class="sub-heading">协会简介</h2>
                    <p>讯飞人工智能协会，诞生于人工智能蓬勃发展的时代浪潮中，于XXXX年正式成立。我们是一群怀揣对AI无限热情的师生、科研人员和业界精英组成的非营利性学术与实践组织。协会根植于深厚的学术底蕴，紧密结合讯飞在AI领域的领先优势，致力于构建一个集学习、交流、创新、实践于一体的综合性平台。</p>
                    <p>我们的目标是推动人工智能技术的普及与应用，培养具备创新精神和实践能力的未来AI人才，同时积极促进行业与学术界的深度融合，共同探索AI的无限可能。</p>
                </div>
                <div class="intro-image">
                    <img src="https://via.placeholder.com/500x350?text=About+Us+Image" alt="协会简介图片">
                </div>
            </div>
        </section>

        <section class="content-block mission-vision">
            <h2 class="sub-heading">使命与愿景</h2>
            <div class="mission-grid">
                <div class="mission-item">
                    <i class="fas fa-bullseye"></i>
                    <h3>我们的使命</h3>
                    <p><strong>赋能智能未来：</strong> 通过前沿技术研究与应用实践，推动人工智能技术革新，为社会发展注入新动力。</p>
                    <p><strong>驱动AI创新：</strong> 激发成员创新潜能，支持原创AI项目孵化，将科技创意转化为实际生产力。</p>
                </div>
                <div class="mission-item">
                    <i class="fas fa-eye"></i>
                    <h3>我们的愿景</h3>
                    <p>成为国内领先、国际有影响力的人工智能领域学术交流与人才培养高地，为构建智能化社会贡献讯飞AI力量。</p>
                </div>
            </div>
        </section>

        <section class="content-block structure-block">
            <h2 class="sub-heading">组织架构</h2>
            <p>讯飞人工智能协会拥有一套完善、高效的组织管理体系，确保各项工作的顺利开展。</p>
            <div class="organizational-chart-placeholder">
                <img src="https://via.placeholder.com/800x400?text=Organizational+Chart" alt="协会组织架构图">
            </div>
            <div class="department-list">
                <h4>主要部门介绍：</h4>
                <ul>
                    <li><strong>理事会：</strong> 协会最高决策机构，负责战略规划与方向制定。</li>
                    <li><strong>秘书处：</strong> 协会日常运营管理中心，统筹协调各部门工作。</li>
                    <li><strong>技术创新部：</strong> 负责前沿技术研究、项目开发与技术支持。</li>
                    <li><strong>活动策划部：</strong> 组织各类学术沙龙、竞赛、讲座等。</li>
                    <li><strong>宣传推广部：</strong> 负责协会品牌建设、媒体合作与信息发布。</li>
                    <li><strong>外联合作部：</strong> 拓展校内外资源，建立战略合作关系。</li>
                </ul>
            </div>
        </section>

        <section class="content-block history-block">
            <h2 class="sub-heading">发展历程</h2>
            <div class="timeline">
                <div class="timeline-item">
                    <div class="timeline-dot"></div>
                    <div class="timeline-date">20XX年</div>
                    <div class="timeline-content">
                        <h4>协会正式成立</h4>
                        <p>在校领导和讯飞公司的大力支持下，讯飞人工智能协会正式挂牌成立，首批吸纳会员100余人。</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-dot"></div>
                    <div class="timeline-date">20YY年</div>
                    <div class="timeline-content">
                        <h4>首届AI创新大赛</h4>
                        <p>成功举办首届“讯飞杯”AI创新大赛，涌现出一批优秀AI应用项目。</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-dot"></div>
                    <div class="timeline-date">20ZZ年</div>
                    <div class="timeline-content">
                        <h4>与多所高校建立合作</h4>
                        <p>积极拓展外部资源，与国内外多所知名大学AI实验室建立长期合作关系。</p>
                    </div>
                </div>
                </div>
        </section>

        <section class="content-block faq-block">
            <h2 class="sub-heading">常见问题 (FAQ)</h2>
            <div class="accordion">
                <div class="accordion-item">
                    <button class="accordion-header">
                        如何加入讯飞人工智能协会？ <i class="fas fa-chevron-down"></i>
                    </button>
                    <div class="accordion-content">
                        <p>您可以通过访问协会官网的“加入我们”页面，填写在线申请表并提交相关资料。我们会定期审核申请，并通过邮件或电话通知结果。通常每年春秋两季会开放招新。</p>
                    </div>
                </div>
                <div class="accordion-item">
                    <button class="accordion-header">
                        协会的活动主要有哪些形式？ <i class="fas fa-chevron-down"></i>
                    </button>
                    <div class="accordion-content">
                        <p>我们的活动形式多样，包括但不限于：AI技术沙龙、专家讲座、编程工作坊、项目实训、创新竞赛、企业参访、线上课程分享等。我们鼓励成员积极参与，共同学习进步。</p>
                    </div>
                </div>
                <div class="accordion-item">
                    <button class="accordion-header">
                        加入协会对个人发展有什么帮助？ <i class="fas fa-chevron-down"></i>
                    </button>
                    <div class="accordion-content">
                        <p>加入协会能让您接触到最前沿的AI知识和技术，结识志同道合的朋友和行业导师。您将获得项目实践机会、职业发展指导，还有机会参与讯飞公司内部活动，极大提升个人竞争力。</p>
                    </div>
                </div>
            </div>
        </section>

    </div>

    <footer class="main-footer">
        <div class="container">
            <div class="footer-columns">
                <div class="footer-col">
                    <h4>关于协会</h4>
                    <ul>
                        <li><a href="about.html">协会简介</a></li>
                        <li><a href="#">协会章程</a></li>
                        <li><a href="#">组织架构</a></li>
                        <li><a href="#">发展历程</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>最新动态</h4>
                    <ul>
                        <li><a href="#">协会新闻</a></li>
                        <li><a href="#">活动通知</a></li>
                        <li><a href="#">科研成果</a></li>
                        <li><a href="#">媒体报道</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>快速链接</h4>
                    <ul>
                        <li><a href="activities.html">活动报名</a></li>
                        <li><a href="#">会员登录</a></li>
                        <li><a href="#">资料下载</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>关注我们</h4>
                    <div class="social-icons">
                        <a href="#"><i class="fab fa-qq"></i></a>
                        <a href="#"><i class="fab fa-weixin"></i></a>
                        <a href="#"><i class="fab fa-github"></i></a>
                        <a href="#"><i class="fab fa-weibo"></i></a>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 讯飞人工智能协会. 保留所有权利. | <a href="#">隐私政策</a> | <a href="#">法律声明</a></p>
                <p>技术支持: 讯飞AI团队</p>
            </div>
        </div>
    </footer>

    <script src="js/script.js"></script>
</body>
</html>